<style type="text/css">
	<!--
	.style1 {
	color: #FF0000;
	font-size: x-small;
	}
	.style3 {color: #0000FF; font-size: x-small; }
	--></style>
<script type="text/javascript">
	function validaCampo()
	{
		if(document.cadastro.nome.value=="")
		{
			alert("O campo 'Nome' é obrigatório!");
			return false;
		}
		else
			if(document.cadastro.telefone.value=="")
			{
				alert("O campo 'Telefone' é obrigatório!");
				return false;
			}
			else
				if(document.cadastro.endereco.value=="")
				{
					alert("O campo 'Endereço' é obrigatório!");
					return false;
				}
				else
					if(document.cadastro.email.value=="")
					{
						alert("O campo 'Email' é obrigatório!");
						return false;
					}
					else
						return true;
	} <!-- Fim do JavaScript que validará os campos obrigatórios! --></script>

<h2>Cadastro de Clientes</h2>
<form id="cadastro" name="cadastro" method="post" action="cadastro_cliente.php" onsubmit="return validaCampo(); return false;">
	<table width="625" border="0" summary="">
		<tr>
			<td width="69">Nome:</td>
			<td width="546">
			<input name="nome" type="text" id="nome" size="70" maxlength="60" />
			<span class="style1">*</span></td>
		</tr>
		<tr>
			<td width="69"> Telefone:</td>
			<td width="546">
			<input name="telefone" type="text" id="telefone" size="70" maxlength="10" />
			<span class="style3">*Apenas números</span></td>
		</tr>
		<tr>
			<td>Endereço:</td>
			<td>
			<input name="endereco" type="text" id="endereco" size="70" maxlength="70" />
			<span class="style1">*</span></td>
		</tr>
		<tr>
			<td>Email:</td>
			<td>
			<input name="email" type="text" id="email" size="70" maxlength="60" />
			<span class="style1">*</span></td>
		</tr>
		<tr>
			<td colspan="2">
			<p>
				<input name="cadastrar" type="submit" id="cadastrar" value="Cadastrar Cliente" />
				<input name="limpar" type="reset" id="limpar" value="Limpar Campos" />
				<span class="style1">* Todos os campos com * são obrigatórios! </span>
			</p></td>
		</tr>
	</table>
</form>
